<template>
  <div class="statistics-container">
     <h3 class="section-title">各省项目情况数据统计</h3>
    <div style="background-color: #1F397B;width: 100%;">
        <AreaList/>
    </div>
    <h3 class="section-title">项目来源数据统计</h3>
    <div style="width: 100%;"><SourceList/></div>
    <h3 class="section-title">项目进度状态统计</h3>
    
    <div style="width: 100%;"><ProjectStatistics/></div>
    <h3 class="section-title">近五年营收数据统计</h3>
     <div style="width: 100%;"><IncomeStatistics/></div>
    
  </div>
</template>

<script>
import { getAction } from '@/api/manage'
import axios from 'axios'
import AreaList from "@/views/nav/modules/AreaList";
import OrderList from "@/views/nav/modules/OrderList";
import SourceList from "@/views/nav/modules/SourceList";
import IncomeStatistics from "@/views/nav/modules/IncomeStatistics";
import ProjectStatistics from "@/views/nav/modules/ProjectStatistics";

export default {
  name: "statiStics",
  components: {
    AreaList,
    OrderList,
    SourceList,
    IncomeStatistics,
    ProjectStatistics

  },
  data() {
    return {
      dySum: '', //项目数量统计
      gbSum: '', //项目金额统计
    };
  },
  watch: {},
  created() {

  },
  destroyed() {

  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
.statistics-container {
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  overflow-y: auto; // 防止内容过长被截断
}

.section-title {
  width: 100%;
  color: #000000;
  font-size: 2rem; // 统一字体大小
  margin: 20px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}
</style>
